<template>
  <div>
      <div class="titleBox">
          <h1>请选择相应模块</h1>
      </div>
      <el-card>
          <div class="moduleBox">
            <div class="left" @click="repairModule">
                <el-card>
                    维修指导模块
                </el-card>
            </div>
            <div class="right" @click="monitorModule">
                <el-card>
                    监控模块
                </el-card>
            </div>
          </div>
      </el-card>
  </div>
</template>

<script>
export default {
    data(){
        return{
            
        }
    },
    created(){
        
    },
    methods:{
        // 维修模块
        repairModule(){
            this.$router.push({
                path:'/dashboard',
            })
        },
        // 监控模块
        monitorModule(){
            this.$router.push({
                path:'/monitor'
            })
        }
    }
}
</script>

<style lang="less" scoped>
.titleBox{
    height: 100px;
    line-height: 100px;
    text-align: center;
}

.moduleBox{
    display: flex;
    height: 100%;
    .left{
        width: 50%;
        margin-right: 10px;
        text-align: center;
        cursor: pointer;
    }
    .right{
        width: 50%;
        margin-left: 10px;
        text-align: center;
        cursor: pointer;
    }
}
</style>